<%--
  Created by IntelliJ IDEA.
  User: 韦树达
  Date: 2024/11/19
  Time: 21:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../css/admin_nav.css" />
    <link rel="stylesheet" href="../css/yishi_paibanguanli.css" />
</head>
<body>
<jsp:include page="admin.jsp" />
<div class="content">
    <jsp:include page="admin_nav.jsp" />
    <div class="main">
        <form action="#" method="post">
            <div class="servlet_on">
                <input class="btn0" type="text" placeholder="请输入搜索内容" name="btn0"/>
                <input class="add" type="button" value="新增" name="add"/>
                <input class="delete" type="button" value="批量删除" name="delete" onclick="showPopup()"/>
            </div>
                <table>
                <thead>
                <tr>
                    <th class="select"><input type="checkbox" /></th>
                    <th class="number">序号</th>
                    <th>姓名</th>
                    <th>工号</th>
                    <th>班次</th>
                    <th>班系</th>
                    <th>日期</th>
                    <th>班次总时长</th>
                    <th>工作时长</th>
                    <th>修改时间</th>
                    <th>修改人</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>1</td>
                    <td>刘丽丽</td>
                    <td>HH0001</td>
                    <td>8:00-12:00</td>
                    <td>休息</td>
                    <td>2024/11/13星期三</td>
                    <td>4</td>
                    <td>3</td>
                    <td>2024-11-13 23:26:08</td>
                    <td>杨超</td>
                    <td>
                        <a href="#" class="edit">编辑</a>
                        <a href="#" class="delete">删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>2</td>
                    <td>张美丽</td>
                    <td>HH0002</td>
                    <td>8:00-18:00</td>
                    <td>白班</td>
                    <td>2024/11/13星期三</td>
                    <td>10</td>
                    <td>8</td>
                    <td>2024-11-13 23:26:08</td>
                    <td>杨超</td>
                    <td>
                        <a href="#" class="edit">编辑</a>
                        <a href="#" class="delete">删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>3</td>
                    <td>朱静静</td>
                    <td>HH0003</td>
                    <td>18:00-23:00</td>
                    <td>晚班</td>
                    <td>2024/11/14星期四</td>
                    <td>5</td>
                    <td>4</td>
                    <td>2024-11-13 23:26:08</td>
                    <td>杨超</td>
                    <td>
                        <a href="#" class="edit">编辑</a>
                        <a href="#" class="delete">删除</a>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" /></td>
                    <td>4</td>
                    <td>韩慧慧</td>
                    <td>HH0004</td>
                    <td>8:00-18:00</td>
                    <td>白班</td>
                    <td>2024/11/15星期五</td>
                    <td>10</td>
                    <td>8</td>
                    <td>2024-11-13 23:26:08</td>
                    <td>杨超</td>
                    <td>
                        <a href="#" class="edit">编辑</a>
                        <a href="#" class="delete">删除</a>
                    </td>
                </tr>
                </tbody>
                </table>
                <div class="pagination">
                    <span>共4条数据</span>
                    <div>
                        <button class="page-btn">&lt;</button>
                        <button class="page-btn active">1</button>
                        <button class="page-btn">&gt;</button>
                    </div>
                </div>

        </form>
    </div>
    <form action="#" method="post">
        <div class="edit_staff">
            <div class="modal-header">
                <h3 class="modal-title">添加班次</h3>
                <button class="close-btn">&times;</button>
            </div>
            <div class="modal-body">
<%--                <div class="form-group">--%>
<%--                    <label class="form-label required">姓名：</label>--%>
<%--                    <input type="text" class="form-control" placeholder="刘丽丽">--%>
<%--                </div>--%>

<%--                <div class="form-group">--%>
<%--                    <label class="form-label required">工号：</label>--%>
<%--                    <input type="text" class="form-control" placeholder="HH0001">--%>
<%--                </div>--%>
                <div class="form-group">
                    <span>姓名：</span>
                    <select>
                        <option selected="selected">刘丽丽</option>
                        <option>张美丽</option>
                        <option>朱静静</option>
                        <option>韩慧慧</option>
                        <option>赵晓晓</option>
                        <option>李思思</option>
                    </select>
                </div>

                <div class="form-group">
                    <span>工号：</span>
                    <select>
                        <option selected="selected">HH0001</option>
                        <option>HH0002</option>
                        <option>HH0003</option>
                        <option>HH0004</option>
                        <option>HH0005</option>
                        <option>HH0006</option>
                    </select>
                </div>

                <div class="form-group">
                <span>班次：</span>
                <select>
                    <option>8:00-12:00</option>
                    <option>12:00-16:00</option>
                    <option selected="selected">8:00-18:00</option>
                    <option>18:00-23:00</option>
                </select>
                    </div>

                <div class="form-group">
                <span>班系：</span>
                <select>
                    <option selected="selected">白班</option>
                    <option>晚班</option>
                    <option>休息</option>
                </select>
                </div>

                <div class="form-group">
                    <span>班次总时长：</span>
                    <select>
                        <option selected="selected">10</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">日期：</label>
                    <input type="date" class="form-control" value="2024/11/13">
                </div>

                <div class="form-group">
                    <label class="form-label">备注：</label>
                    <textarea class="form-control3">XXXXXX</textarea>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </form>

        <div class="overlay"></div>
        <script>
            var add = document.querySelector(".add");
            var change = document.querySelector('.edit_staff');
            var overlay = document.querySelector('.overlay');
            add.onclick = function(){
                change.style.display='inline-block';
                overlay.style.display='inline-block';
            }
            var cancel = document.querySelector('.cancel');
            cancel.onclick = function(){
                change.style.display='none';
                overlay.style.display='none';
            }
        </script>

</body>
</html>

